// 4.设置公共common.less文件
// 1．新建common.less设置好最常见的屏幕尺寸，利用媒体查询设置不同的html字体大小，因为除了首页其他页面也需要
// 2．我们关心的尺寸有320px、360px、375px、384px、400px、414px, 424px、480px、540px、720px、750px
// 3．划分的份数我们定为15等份
// 4．因为我们pc端也可以打开我们苏宁移动端首页，我们默认htm字体大小为50px，注意这句话写到最上面

// 如果是pc端打开，那就直接使用font-size：50px不让计算了
// 但这句话一定要写到最上面，因为如果写到下面的话它可能会重叠其他的样式
html {
    font-size: 50px;
}

a {
    text-decoration: none;
}
* {
    margin: 0;
    padding: 0;
}
// 定义此次划分的分数为15份
// 320px
@num:15;
@media screen and (min-width:320px) {
    html {
        font-size: (320px / @num);
    }
}
// 360px
@media screen and (min-width:360px) {
    html {
        font-size: (360px / @num);
    }
}
// 375px 
@media screen and (min-width:375px) {
    html {
        font-size: (375px / @num);
    }
}
// 384px
@media screen and (min-width:384px) {
    html {
        font-size: (384px / @num);
    }
}
// 400px
@media screen and (min-width:400px) {
    html {
        font-size: (400px / @num);
    }
}
// 414px 
@media screen and (min-width:414px) {
    html {
        font-size: (414px / @num);
    }
}

// 424px
@media screen and (min-width:424px) {
    html {
        font-size: (424px / @num);
    }
}
// 480px 
@media screen and (min-width:480px) {
    html {
        font-size: (480px / @num);
    }
}

// 540px
@media screen and (min-width:540px) {
    html {
        font-size: (540px / @num);
    }
}
// 720px
@media screen and (min-width:720px) {
    html {
        font-size: (720px / @num);
    }
}
// 750px 
@media screen and (min-width:750px) {
    html {
        font-size: (750px / @num);
    }
}